<div class="breadcrumb"> <a href="index.html">Home</a> » <a href="#">Giỏ hàng</a> » <a href="#">Thanh toán</a> </div>
<h1><span class="h1-top">Thanh toán</span></h1>
<form action="/orders/checkout_sm_finish.php" method="post"> 
{if empty($smarty.session.cart)}
  <div id="checkout">
    <div class="checkout-content" id="checkout1" style="display: block;">
            <div><p style="text-align:center;">Xin lỗi giỏ hàng của bạn chưa có sản phẩm nào</p></div>
            <div><p style="text-align:center;">Mời bạn quay lại trang chủ tiếp tục lựa chọn</p></div>
            <div><p style="text-align:center;"><a href="/home/home.php">Trang Chủ</a></p></div>
    </div>
  </div>
{else}
<div class="checkout">
  <div id="checkout">
    <div class="checkout-heading checkout1">Bước 1: Tùy chọn thanh toán</div>
    <div class="checkout-content" id="checkout1" style="display: block;">
      <div class="left">
      {if isset($smarty.session.login_user)}
      <h2>Khách hàng cũ</h2>
      <p>Phương thức thanh toán:</p>
      <label for="guest">
          <input type="radio" name="account" value="guest" id="guest"  checked="checked" />
          <b>Khách hàng thanh toán</b></label>
        <br /><br />
        <input type="button" value="Tiếp tục" class="button" onclick="checkout1()" />
      {else}
        <h2>Khách hàng mới</h2>
        <p>Tùy chọn thanh toán:</p>
        <label for="register">
          <input type="radio" name="account" value="register" id="register" checked="checked"/>
          <b>Đăng ký tài khoản</b></label>
        <br />
        <label for="guest">
          <input type="radio" name="account" value="guest" id="guest"   />
          <b>Khách hàng thanh toán</b></label>
        <br />
        <br />
        <p>Nếu bạn đăng ký tài khoản, bạn sẻ dẻ dàng quản lý đơn hàng mình hơn, và được hưởng nhiều ưu đãi hơn</p>
        <input type="button" value="Tiếp tục" class="button" onclick="checkout1()" />
        <br />
        {/if}
      </div>
      <div id="login" class="right">
        <h2>Khách hàng cũ</h2>
        {if isset($smarty.session.login_user)}
        <span class="required">*</span> Họ tên: {$smarty.session.login_user.user_name}<br /><br />
        <span class="required">*</span> Tài khoản: {$smarty.session.login_user.account}<br /><br />
        <span class="required">*</span> Ngày Sinh: {$smarty.session.login_user.birthday}<br /><br />
        <span class="required">*</span> Giới tính: {if $smarty.session.login_user.gender==0}Nam{else}Nữ{/if}<br /><br />
        <span class="required">*</span> CMND: {$smarty.session.login_user.identity_card}<br /><br />
        <span class="required">*</span> Email: {$smarty.session.login_user.email}<br /><br />
        <span class="required">*</span> Phone: {$smarty.session.login_user.phone}<br />
        {else}
        <p>Tôi là một khách hàng cũ</p>
        <b>E-Mail:</b><br />
        <input type="text" name="email" value="" />
        <br />
        <br />
        <b>Password:</b><br />
        <input type="password" name="password" value="" />
        <br />
        <a href="#">Quên mật khẩu</a><br />
        <br />
        <input type="button" value="Login" id="button-login" class="button" />
        {/if}
        <br />
        <br />
        
      </div>
    </div>
  </div>
  <div id="shipping-address">
    <div class="checkout-heading checkout2">Bước 2: Tài khoản &amp; chi tiết thanh toán</div>
    <div class="checkout-content" id="checkout2" style="display:none">
      <div class="left">
        <h2>Thông tin cá nhân của bạn</h2>
        <span class="required">*</span> Họ tên:<br />
        <input type="text" name="data[name]" value="{$smarty.session.login_user.user_name|default:''}" class="large-field" />
        <br />
        <br />
        <span class="required">*</span> E-Mail:<br />
        <input type="text" name="data[email]" value="{$smarty.session.login_user.email|default:''}" class="large-field" />
        <br />
        <br />
        <span class="required">*</span> Ngày sinh:<br />
        <input type="text" name="data[birthday]" value="{$smarty.session.login_user.birthday|default:''}" class="large-field" id="datepicker" readonly="readonly"/>
        <br />
        <br />
        <span class="required">Giới tính:</span>
        <label style="margin-left:50px;">
        <select name="data[gender]" style="width:80px;">
            <option value="1" {if isset($smarty.session.login_user.gender) && $smarty.session.login_user.gender == 1}selected="selected"{/if}  >Nữ</option>
            <option value="0"  {if isset($smarty.session.login_user.gender) && $smarty.session.login_user.gender == 0}selected="selected"{/if} >Nam</option>
        </select>
        </label>
        <br />
        <br />
        <br />
      </div>
      <div class="right">
        <h2>Địa chỉ của bạn</h2>
        Địa chỉ:<br />
        <input type="text" name="data[address]" value="{$smarty.session.login_user.address|default:''}" class="large-field" />
        <br />
        <br />
        <span class="required">*</span> SĐT:<br />
        <input type="text" name="data[phone]" value="{$smarty.session.login_user.phone|default:''}" class="large-field" />
        <br />
        <br />
        <br />
        <div class="buttons"> Nhận hàng theo địa chỉ trên
          <input type="checkbox" name="agree" value="1" />
          
          <input type="button" value="Tiếp tục" id="button-register" class="button" onclick="checkout2()"/>
          <input type="button" value="Quay lại" id="button-back" class="button" style="margin-right:10px;" onclick="back_check1()" />
        </div>
      </div>
    </div>
  </div>
  <div id="shipping-method">
    <div class="checkout-heading checkout3">Bước 3: Phương pháp giao hàng</div>
    <div class="checkout-content"  id="checkout3" style="display: none; ">
      <p>Hãy chọn phương thức gửi ưa thích để sử dụng trên theo thứ tự này.</p>
      <table class="radio">
        <tbody>
          <tr>
            <td colspan="3"><b>Phương thức</b></td>
          </tr>
          <tr class="highlight">
            <td><input type="radio" name="data[shipping_method]" value="0" id="flat.flat" checked="checked" /></td>
            <td><label for="flat.flat">Chuyển khoản</label></td>
            <td style="text-align: right;"><label for="flat.flat"></label></td>
          </tr>
          <tr class="highlight">
            <td><input type="radio" name="data[shipping_method]" value="1" id="flat.flat" checked="checked" /></td>
            <td><label for="flat.flat">Thanh toán khi nhận hàng</label></td>
            <td style="text-align: right;"><label for="flat.flat"></label></td>
          </tr>
        </tbody>
      </table>
      <br />
      <b>Ghi chú đơn hàng</b>
      <textarea name="data[comment]" rows="8" style="width: 98%;"></textarea>
      <br />
      <br />
      <div class="buttons">
        <div class="right">
          <input type="button" value="Tiếp tục" id="button-shipping-method" class="button" onclick="checkout3()"/>
          <input type="button" value="Quay lại" id="button-back" class="button" style="margin-right:10px;" onclick="back_check2()" />
        </div>
      </div>
    </div>
  </div>
  <div id="confirm">
    <div class="checkout-heading checkout5">Bước 4: Xác nhận đơn hàng</div>
    <div class="checkout-content" id="checkout4" style="display: none; ">
      <div class="checkout-product">
        <table>
          <thead>
            <tr>
                <td class="image">Hình ảnh</td>
                <td class="name">Sản phẩm</td>
                <td class="model">Size</td>
                <td class="quantity">Số lượng</td>
                <td class="price">Đơn giá</td>
                <td class="total">Tổng</td>
            </tr>
          </thead>
          <tbody>
          
          {foreach $smarty.session.cart as $k=>$cart_product}
          {foreach $cart_product as $key=>$value}
          <tr>
            <td class="image"><a href="/products/detail.php?id={$k}&k={$key}"><img style="max-width:50px;" src="/upload/product/{$value.day_time|date_format:'%m-%Y'}/{$value.image}" alt="" title=""/></a></td>
            <td class="name"><a href="/products/detail.php?id={$k}">{$value.name}</a></td>
            <td class="model">{$key}</td>
            <td class="quantity">{$value.quantity} cái</td>
            <td class="price">{number_format($value.price)} VNĐ</td>
            <td class="total">{number_format($value.into_money)} VNĐ</td>
          </tr>
          {/foreach}
          {/foreach}
            </tbody>
          <tfoot>
            <tr>
              <td colspan="5" class="price"><b>Tổng:</b></td>
              <td class="total">{if count($smarty.session.cart) > 0}{number_format($smarty.session.sum_of_money)}{else}0&nbsp;{/if} VNĐ</td>
            </tr>
            <tr>
              <td colspan="5" class="price"><b>VAT (10%):</b></td>
              <td class="total">{if count($smarty.session.cart) > 0}{number_format($smarty.session.sum_of_money*10/100)}{else}0&nbsp;{/if} VNĐ</td>
            </tr>
            <tr>
              <td colspan="5" class="price"><b>Thành tiền:</b></td>
              <td class="total">{if count($smarty.session.cart) > 0}{number_format($smarty.session.sum_of_money+$smarty.session.sum_of_money*10/100)}{else}0&nbsp;{/if} VNĐ</td>
            </tr>
          </tfoot>
        </table>
      </div>
      <div class="payment">
        <div class="buttons">
          <div class="right">
            <input type="submit" value="Thanh toán" id="button-confirm" class="button" />
            <input type="button" value="Quay lại" id="button-back" class="button" style="margin-right:10px;" onclick="back_check3()" />
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{/if}
</form>


